<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用户管理</title>
<script src="../../../static/jquery/jquery-2.1.1.min.js"
	type="text/javascript"></script>
<script src="../../../static/jquery/jquery-migrate-1.1.1.min.js"
	type="text/javascript"></script>

<link
	href="../../../static/bootstrap/3.3.4/css_default/bootstrap.min.css"
	type="text/css" rel="stylesheet" />
<script src="../../../static/bootstrap/3.3.4/js/bootstrap.min.js"
	type="text/javascript"></script>
<link href="../../../static/awesome/4.4/css/font-awesome.min.css"
	rel="stylesheet" />

<!--datatable-->
<link rel="stylesheet"
	href="../../../static/dataTables/css/jquery.dataTables.min.css" />
<script type="text/javascript"
	src="../../../static/dataTables/jquery.dataTables.js"></script>

<!--datePicker.js-->
<script type="text/javascript"
	src="../../../static/My97DatePicker/WdatePicker.js"></script>

<!--juicer-->
<script type="text/javascript"
	src="../../../static/juicer/juicer-min.js"></script>

<!-- jquery-md5.js -->
<script type="text/javascript" src='../../../common/js/JQuery.md5.js'></script>

<script type="text/javascript" src="user.js"></script>

<link rel="stylesheet" href="../../../common/css/style.css" />
</head>
<body>


	<div class="container-fluid">



		<div class='row' style='padding: 30px 0 20px 15px;'>
			<div style='float:left;margin-right:10px;'>
				<label id='lblSelect'>
					<span>机构类型</span>
					<select id="selectPointOfInterest" class="orginizationSelect">
						<option value='0'>总公司</option>
						<option value='1'>出租车公司</option>
						<option value='2'>专车公司</option>
					</select>
				</label>
			</div>
			<div style='float:left;margin-right:10px;'>
				<label id='lblSelect'>
					<span>公司名称</span>
					<select id="selectPointOfInterest" class='companySelect' style='width:250px;'>
						
					</select>
					<script type="text/template" id="companySelectTpl">
							{@each list as item}
							<option value="${item.organizationId}">${item.organizationName}</option>
							{@/each}
						  	</script>

				</label>
			</div>
			<div class='col-md-2'>
				<button class="btn btn-search btn-info" style="padding: 0 10px;"><i class='fa fa-search'></i>查询</button>
				<button class="btn btn-add btn-success" style="padding: 0 10px;"><i class='fa fa-plus'></i>添加
				</button>
				<button onclick="window.location.reload()" class='btn btn-primary' style="padding:0 10px;"><i class='glyphicon glyphicon-repeat'></i>刷新</button>
				
			</div>
		</div>

		<!--表格-->
		<div class="row">
			<div class="col-md-12">
				<table id="table" class="table table-bordered">
					<thead>
						<tr>
							<th>登录名</th>
							<th>姓名</th>
							<th>电话</th>
							<th>机构名称</th>
							<th>城市名称</th>
							<th>创建时间</th>
							<th>状态</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody>

					</tbody>
				</table>
			</div>
		</div>


		<!--添加用户模态框-->
		<div class="modal fade" id="myModalAdd" tabindex="-1" role="dialog"
			aria-labelledby="myLargeModalLabel" aria-hidden="true">
			<div class="modal-dialog modal-lg">
				<div class="modal-content modal-addUser">
					<div class="modal-header addUserHeader">
						<button type="button" class="close" data-dismiss="modal">
							<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
						</button>
						<h4 class="modal-title" id="myModalLabel">添加用户</h4>
					</div>
					<div class="modal-body addUserCss">
							<div class="row">
								<div class='col-md-6 form-group'>
								    <label class="col-md-4 control-label">公司类型</label>
								    <div class="col-md-8">
								    	<label id='lblSelect' class='roleLabel'>
									        <select id="selectPointOfInterest" class='addorginizationSelect' style='height:30px;'>
												<option value="1">出租车</option>
												<option value="2">专车</option>
												<option value='0'>总公司</option>
											</select>
										</label>
								    </div>
								</div>
								<div class='col-md-6 form-group'>
								    <label class="col-md-4 control-label">公司名称</label>
								    <div class="col-md-8">
								    <label id='lblSelect' class='roleLabel'>
								      <select id="selectPointOfInterest" class='addcompanySelect' style='height:30px;'>
							
										</select>
										<script type="text/template" id="addcompanySelectTpl">
									{@if list.length >= 1}
										{@each list as item}
										<option value="${item.organizationId}">${item.organizationName}</option>
										{@/each}
									{@else}
										<option value=''>暂无公司</option>
 									{@/if}
						  			</script>
							  		</label>
								    </div>
								</div>
							</div>
							<div class='row'>
							<div class='col-md-6 form-group'>
							    <label class="col-md-4 control-label">密码</label>
							    <div class="col-md-8">
							      <input type="text" class="form-control addpassword">
							    </div>
							</div>
							<div class='col-md-6'>
								<label class="col-md-4 control-label">电话</label>
							    <div class="col-md-8">
							      <input type="text" class="form-control addtelphone">
							    </div>
							</div>
						</div>
						<div class='row'>
							<div class='col-md-6 form-group'>
							    <label class="col-md-4 control-label">真实姓名</label>
							    <div class="col-md-8">
							      <input type="text" class="form-control addtrueName">
							    </div>
							</div>
							<div class='col-md-6'>
								<label class="col-md-4 control-label">备注</label>
							    <div class="col-md-8">
							      <input type="text" class="form-control addbeizhu">
							    </div>
							</div>
						</div>
						<div class='row'>
							<div class='col-md-6 form-group'>
							    <label class="col-md-4 control-label">登录状态</label>
							    <div class="col-md-8 addStatus">
							      <label style='margin-right:10px'><input value='1' type='radio' name='loginornot' checked>是</label>
							      <label><input value='0' type='radio' name='loginornot'>否</label>
							    </div>
							</div>
							<div class='col-md-6'>
								<label class="col-md-4 control-label">角色</label>
							    <div class="col-md-8">
							    <label id='lblSelect' class='roleLabel'>
							      <select id="selectPointOfInterest" class='addroleSelect' style='height:30px;'>
						
									</select>
									<script type="text/template" id="addroleSelectTpl">
									{@if list.length >= 1}
										{@each list as item}
										<option value="${item.sysRoleId}">${item.roleName}</option>
										{@/each}
									{@else}
										<option value=''>暂无角色列表</option>
 									{@/if}
						  			</script>
						  		</label>
							    </div>
							</div>
						</div>
						<div class='row'>
							<div class='col-md-6 form-group'>
								<label class="col-md-4 control-label">登录名</label>
							    <div class="col-md-8">
							      <input type="text" class="form-control addloginname">
							    </div>
							</div>
						</div>
							
						</div>
						
						<div class="modal-footer addUserFooter">
							<button type="button" class="btn btn-default add-confirm-btn">确认</button>
							<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
						</div>
					</div>
					
				</div>
			</div>
		</div>


		<!--编辑用户模态框-->
		<div class="modal fade" id="myModalEdit" tabindex="-1" role="dialog"
			aria-labelledby="myLargeModalLabel" aria-hidden="true">
			<div class="modal-dialog modal-lg">
				<div class="modal-content compileUserCss">
					<div class="modal-header editUserHeader">
						<button type="button" class="close" data-dismiss="modal">
							<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
						</button>
						<h4 class="modal-title" id="myModalLabel">编辑用户</h4>
					</div>
					<div class="modal-body">
						<div class='row'>
							<div class='col-md-6 form-group'>
							    <label class="col-md-4 control-label">登录名</label>
							    <div class="col-md-8 editloginName">
							    	<input type='text' class="form-control"/>
							    </div>
							</div>
							<div class='col-md-6'>
								<label class="col-md-4 control-label">真实姓名</label>
							    <div class="col-md-8 edittrueName">
							    	<input type='text' class="form-control"/>
							    </div>
							</div>
						</div>
						<div class='row'>
							<div class='col-md-6'>
								<label class="col-md-4 control-label">电话</label>
							    <div class="col-md-8">
							      <input type="text" class="form-control edittelphone">
							    </div>
							</div>
						</div>
						<div class='row'>
							<div class='col-md-6'>
								<label class="col-md-4 control-label">备注</label>
							    <div class="col-md-8">
							      <input type="text" class="form-control editbeizhu">
							    </div>
							</div>
							<div class='col-md-6 form-group'>
								<label class="col-md-4 control-label">角色名称</label>
							    <div class="col-md-8 editroleName">
							    <label id='lblSelect' class='roleLabel'>
							    	<select id="selectPointOfInterest" class='editroleSelect'  style='height:30px;'>
						
									</select>
									<script type="text/template" id="editroleSelectTpl">
									{@if list.length >= 1}
										{@each list as item}
										<option value="${item.sysRoleId}">${item.roleName}</option>
										{@/each}
									{@else}
										<option value=''>暂无角色列表</option>
 									{@/if}
						  			</script>
						  		</label>
							    </div>
							</div>
						</div>
						<div class='row'>
							<div class='col-md-6 form-group'>
							    <label class="col-md-4 control-label">公司类型</label>
							    <div class="col-md-8">
							    <label id='lblSelect' class='roleLabel'>
							        <select id="selectPointOfInterest" class='editorginizationSelect' style='height:30px;'>
										<option value="1">出租车</option>
										<option value="2">专车</option>
										<option value="0">总公司</option>
									</select>
								</label>	
							    </div>
							</div>
							<div class='col-md-6 form-group'>
							    <label class="col-md-4 control-label">公司名称</label>
							    <div class="col-md-8">
							    <label id='lblSelect' class='roleLabel'>
							      <select id="selectPointOfInterest" class='editcompanySelect' style='height:30px;'>
						
									</select>
									<script type="text/template" id="editcompanySelectTpl">
									{@if list.length >= 1}
										{@each list as item}
										<option value="${item.organizationId}">${item.organizationName}</option>
										{@/each}
									{@else}
										<option value=''>暂无公司</option>
 									{@/if}
						  			</script>
						  		</label>
							    </div>
							</div>
							
						</div>
						<div class='row'>
							<div class='col-md-6'>
								<label class="col-md-4 control-label">登录状态</label>
							    <div class="col-md-8 edituserStatus">
							    	<label style='margin-right:10px'><input value='1' type='radio' name='editloginornot'>是</label>
							        <label><input value='0' type='radio' name='editloginornot'>否</label>
							    </div>
							</div>
						</div>
					</div>
					<div class="modal-footer editUserFooter">
						<button type="button" class="btn btn-default save-edit-btn">保存修改</button>
						<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					</div>
				</div>
			</div>
		</div>

		<!--查看用户详情模态框-->
		<div class="modal fade" id="myModalDetail" tabindex="-1" role="dialog"
			aria-labelledby="myLargeModalLabel" aria-hidden="true">
			<div class="modal-dialog modal-lg">
				<div class="modal-content userInformationCss">
					<div class="modal-header userInformationCssHeader">
						<button type="button" class="close" data-dismiss="modal">
							<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
						</button>
						<h4 class="modal-title" id="myModalLabel">用户详情</h4>
					</div>
					<div class="modal-body">
						<div class='row'>
							<div class='col-md-6 form-group'>
							    <label class="col-sm-4 control-label">登录名</label>
							    <div class="col-sm-8 loginName">
							    </div>
							</div>
							<div class='col-md-6'>
								<label class="col-sm-4 control-label">姓名</label>
							    <div class="col-sm-8 trueName">
							    </div>
							</div>
						</div>
						<div class='row'>
							<div class='col-md-6 form-group'>
							    <label class="col-sm-4 control-label">角色名称</label>
							    <div class="col-sm-8 roleName">
							    </div>
							</div>
							<div class='col-md-6'>
								<label class="col-sm-4 control-label">机构名称</label>
							    <div class="col-sm-8 organizationName">
							    </div>
							</div>
						</div>
						<div class='row'>
							<div class='col-md-6 form-group'>
							    <label class="col-sm-4 control-label">创建时间</label>
							    <div class="col-sm-8 createTime">
							    </div>
							</div>
							<div class='col-md-6 form-group'>
							    <label class="col-sm-4 control-label">更新时间</label>
							    <div class="col-sm-8 updateTime">
							      
							    </div>
							</div>
							<!-- <div class='col-md-6'>
								<label class="col-sm-4 control-label">创建者</label>
							    <div class="col-sm-8 createUserId">
							    </div>
							</div> -->
						</div>
						<div class='row'>
							<div class='col-md-6 form-group'>
							    <label class="col-sm-4 control-label">城市名称</label>
							    <div class="col-sm-8 cityName">
							    </div>
							</div>
							<div class='col-md-6'>
								<label class="col-sm-4 control-label">是否可登录</label>
							    <div class="col-sm-8 userStatus">
							    </div>
							</div>
							<!-- <div class='col-md-6 '>
								<label class="col-sm-4 control-label">更新者</label>
							    <div class="col-sm-8 updateUserId">
							    </div>
							</div> -->
						</div>
					</div>
					<div class="modal-footer userInformationCssFooter">
						<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
					</div>
				</div>
			</div>
		</div>

		<!--修改密码模态框-->
		<div class="modal fade" id="myModaleditpass" tabindex="-1" role="dialog"
			aria-labelledby="myLargeModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content amendPasswordCss">
					<div class="modal-header modal-amendPasswordHeader">
						<button type="button" class="close" data-dismiss="modal">
							<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
						</button>
						<h4 class="modal-title" id="myModalLabel">修改密码</h4>
					</div>
					<div class="modal-body">
						<!-- <div class='row'>
							<div class='col-md-12 form-group'>
							    <label class="col-sm-4 control-label">旧密码</label>
							    <div class="col-sm-8">
							    	<input type='password' class='oldpassword form-control' placeholder='请输入旧密码' />
							    </div>
							</div>
						</div> -->
						<div class='row' >
							<div class='col-md-12 form-group'>
							    <label class="col-sm-3 control-label">新密码</label>
							    <div class="col-sm-9">
							    	<input type='password' class='newpassword form-control' placeholder='请输入新密码' />
							    </div>
							</div>
						</div>
						<div class='row' style="margin-top:10px;">
							<div class='col-md-12 form-group'>
							    <label class="col-sm-3 control-label">确认密码</label>
							    <div class="col-sm-9">
							    	<input type='password' class='newpasswordagain form-control' placeholder='请再次确认新密码' />
							    </div>
							</div>
						</div>
						
					</div>
					<div class="modal-footer modal-amendPasswordFooter">
						<button type="button" class="btn btn-default btn-confirm-edit-password">确认修改</button>
						<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					</div>
				</div>
			</div>
		</div>

	</div>




</body>
</html>
